<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>指尖金融</title>
		<link href="../../../res/png/icon.png" rel="shortcut icon" />
		<link rel="stylesheet" type="text/css" href="collectionIndenpence.css" />
		<link href="../../../css/common.css" type="text/css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../../component/autocomplete/jquery.autocomplete.css" />
	</head>

	<body>
		<div id="content">
			<div style="display: none;" class="w1366">
				<div>
					<span class="span1" id="bulkstockGather">大宗商品行情</span><span class="span4" id="bulkstockCollection">大宗商品价格采集</span><span class="span2" id="bulkstockPledge">货物质押公示</span><span class="span3">货物质检公示</span></div>
			</div>
		</div>
		<div class="content1">
			<p class="price_title w1200"><img class="img1" src="../../../res/png/independence1.png" /><img class="img2" src="../../../res/png/independence2.png" /><img class="img3" src="../../../res/png/independence3.png" /></p>
			<div class="price_title1 w1200" style="display: none;">
				<div class="price_title2" id="commodityCategoryListBody">
				</div>
				<script type="text/template" id="commodityCategoryListTpl">
					<span>大宗商品类别：</span><a class="type type_active">全部</a> {@each datas as it}
					<a class="type" commodityCategoryId="${it.bulkstockCategoryId}">${it.categoryName}</a> {@/each}
				</script>
			</div>
			<div class="goods_price w1200">
				<div class="holder"></div>
				<table border="" cellspacing="0" cellpadding="">
					<tr>
						<th class="th1">商品名称</th>
						<th class="th2">价格</th>
						<th class="th3">涨跌</th>
						<th class="th4">幅度</th>
						<th class="th5">生产厂家</th>
						<th class="th6">所属片区</th>
						<th class="th6">产地</th>
						<th class="th7">监测</th>
					</tr>
					<tbody id="bulkstocGatherListBody"></tbody>
				</table>
				<script type="text/template" id="bulkstocGatherListTpl">
					{@each datas as it}
					<tr region="${it.region}" latestgatherId="${it.latestCollectionId}" specification="${it.specification}" bulkstockName="${it.bulkstockName}">
						<td>${it.bulkstockName}(${it.specification})</td>
						<td>${it.price}</td>
						{@if it.riseFall>0}
						<td class="riseAndFall">+${it.riseFall}</td>
						{@else}
						<td class="riseAndFall">${it.riseFall}</td>
						{@/if} {@if it.riseFall>0}
						<td class="riseAndFall">+${it.increase}%</td>
						{@else}
						<td class="riseAndFall">${it.increase}%</td>
						{@/if}
						<td>${it.manufacturer}</td>
						<td>${it.regionCategory}</td>
						<td>${it.origin}</td>
						<td><a class="publicMonitor">查看</a></td>
					</tr>
					{@/each}
				</script>
				<div class="clear"></div>
				<div class="changepage pagenation" id="changepage">
				</div>
			</div>
		</div>
		<div class="clear"></div>
		</div>
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/enterprise/config.js"></script>
		<script src="../../../js/highcharts.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/juicer-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="inquirepage.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/autocomplete/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/jPages/jPages.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			seajs.use('./collectionIndenpence', function(collectionIndenpence) {
				collectionIndenpence.init();
			});
		</script>
	</body>

</html>